/*
 * @Author: 脉迈
 * @Date: 2021-10-26 17:05:38
 * @LastEditors: 脉迈
 * @LastEditTime: 2022-01-17 15:52:33
 */
// import React, { Fragment } from "react";
// import BlockImage from "plugins/blockImage/blockImage";
// import BlockText from "plugins/blockText/blockText";
// import BlockButton from "plugins/blockButton/blockButton";
// import { transformProps, transformStyle } from "utils/helper";
// import styles from "./preview.module.scss";
// const data: any = [

// ];
// export default function Preview() {
//   const renderComponent = () => {
//     return data.map((item: any, index: number) => {
//       return (
//         <div
//           key={index}
//           style={{
//             ...item.style,
//             overflow: "hidden",
//             backgroundImage: `url(${item.style.backgroundImage})`,
//           }}
//         >
//           {renderComponentChildren(item, index)}
//         </div>
//       );
//     });
//   };

//   const renderComponentItem = (item: any, props: any) => {
//     if (item.name === "blockImage") {
//       return <BlockImage {...props}></BlockImage>;
//     } else if (item.name === "blockText") {
//       return <BlockText {...props}>{props}</BlockText>;
//     } else if (item.name === "blockButton") {
//       return <BlockButton {...props}>{props}</BlockButton>;
//     }
//   };

//   const renderComponentChildren = (item: any, index: number) => {
//     // eslint-disable-next-line
//     return item.children.map((Citem: any, Cindex: number) => {
//       const props = transformProps(Citem.properties);
//       return (
//         <div style={{ ...transformStyle(Citem.style) }} key={Cindex}>
//           {renderComponentItem(Citem, props)}
//         </div>
//       );
//     });
//   };

//   return (
//     <Fragment>
//       <div className={styles.main}>{renderComponent()}</div>
//     </Fragment>
//   );
// }
import EditorBox from "../../components/EditorBox/EditorBox";

export default function Preview() {
  return (
    <div>
      <EditorBox></EditorBox>
    </div>
  );
}
